$(function () {
//声明变量
    var classify_datagrid = $("#classify_datagrid");
    var classify_dialog = $("#classify_dialog");
    var classify_form = $("#classify_form");

    classify_datagrid.datagrid({
        url:'/productClassify/listAll.do',
        fit:true,
        fitColumns:true,
        toolbar:'#classify_button',
        rownumber:true,
        singleSelect:true,
        checkOnSelect:true,
        selectOnCheck:false,
        columns:[[
            {field:'id',title:'序号',checkbox:true},
            {field:'classname',title:'类别名称',width:80,formatter:function (value,row,index) {
                    console.log(row);
                    //当前对象是否存在
                    return row? row.classname:'';
                    }},
            {field:'type',title:'类别类型',width:80},
            {field:'operate',title:'销售时是否显示',align:'center',width:$(this).width()*0.1,
                formatter:function(value, row, index){
                    var str = '<input href="#" name="opera" class="easyui-switchbutton"/>';
                    return str;
                }},
            {field:'classNumber',title:'商品类别序号',hidden:'true'}


        ]],
        onLoadSuccess:function(data){
            $("input[name='opera']").switchbutton({
                onText:'开',
                offText:'关',
                checked:true,
                onChange:function (checked) {
                    $.messager.confirm('确认对话框', '您确定要进行操作吗？', function(r){
                        if (r){
                            alert("操作成功")
                        }
                    });

                }
            });
        }
    });
    $("#seleClass").combobox({
        panelHeight:'auto',
        textField:'classname',
        valueField:'classname',
        url:'/productClassify/listAll.do',
        editble:false,
        required:true
    });
    $("#seleLink").combobox({
        panelHeight:'auto',
        textField:'linkName',
        valueField:'linkName',
        url:'/classifyChild/listAll.do',
        editble:false,
        required:true
    });
    $("#seleClass").combobox({
        onSelect:function (row) {
            console.log(row);
            if(row){
                $("#seleLink").combobox({
                    url:"/productClassify/selectClassify.do?classNumber="+row.classNumber
                })
            }
        }
    });
    //配置dialog
    classify_dialog.dialog({
        width:290,
        height:400,
        buttons:'#btn',
        close:true,
        onClose:function () {
            //关闭的同时清除表单数据
            classify_form.form('clear');
        }
    });
    var methodObj = {
        add:function(){
            classify_dialog.dialog('open');
            classify_dialog.dialog('setTitle','新增类别');
        },
        delete:function(){
            //获取一行数据
            var row = classify_datagrid.datagrid('getSelected');
            console.log(row);
            if (!row) {
                //没有选择数据提示用户
                $.messager.alert("温馨提示","至少要选择一条数据","warning");
                return;//终止操作
            }
            //弹出确认框
            $.messager.confirm('确认', '您确认想要执行操作吗？', function (r) {
                if (r) {
                    //给后台发送后台
                    $.get("/productClassify/delete.do", {id: row.id}, function (data) {
                        if (data.success) {
                            $.messager.alert('温馨提示', '删除成功', 'info', function () {
                                //加载刷新到当前界面
                                classify_datagrid.datagrid('reload');
                            },'json')
                        } else {
                            $.messager.alert("温馨提示", data.msg, "error");
                        }
                    })
                }
            });

        },
        save:function(){
            //提交表单
            classify_form.form("submit",{
                url:'/productClassify/saveOrUpdate.do',
                onSubmit:function(param){
                    //获取下拉框数据
                    var classifys = $("#seleLink").combobox('getValues');
                    param[classifys.linkId] = classifys.linkId;
                    param[classifys.linkName] = classifys.linkName;
                    //param[classname] = classname;
                    //遍历拼接为后台接收数据
                    for(var i=0;i< classifys.length;i++){
                        //返回参数中创建roles[i].id 设置值为roleIds[i]
                        param["classifyChildList["+i+"].id"] = classifys[i]
                    }
                },
                success:function (data) {
                    //回调函数:data表示返回数据解析为json
                    data = $.parseJSON(data);
                    if (data.success) {
                        //如果返回结果成功__弹出窗口提示
                        $.messager.alert('温馨提示','保存成功','info',function () {
                            methodObj.cancel();
                            classify_datagrid.datagrid('reload');
                        })

                    }else {
                        //如果保存失败,则弹出窗口提示
                        $.messager.alert('温馨提示',data.msg,'error');
                    }
                }
            });
        },
        edit:function (){
            //获取一行数据
            var row = classify_datagrid.datagrid('getSelected');
            console.log(row);
            if (!row) {
                //没有选择数据提示用户
                $.messager.alert("温馨提示","至少要选择一条数据","warning");
                return;//终止操作
            }

            classify_form.form('load',row);

            //回显表单的二级类别的信息 单独发送请求查询
            $.get('/productClassify/selectClassify.do',{classNumber:row.classNumber},function(data){
                //回显二级类别下拉框 调用combobox的方法setValues
                console.log(data[0]);
                $("#seleLink").combobox('setValues',data[0]);
            },'json');
            //处理好回显数据后,打开编辑框
            classify_dialog.dialog('open');
            //设置标题
            classify_dialog.dialog('setTitle','编辑商品类别');
        },
        cancel: function(){
            //关闭弹出框:
            classify_dialog.dialog('close');
        }
    };
    //统一绑定事件:
    $("a[data-cmd]").click(function () {
        var methodname = $(this).data("cmd");
        //动态获取调用方法名字,调用方法;
        methodObj[methodname]();
    })

});

//删除

//编辑

//============表单的 按钮 保存/取消=================


//保存密码


//高级查询


//修改密码

